@charset "UTF-8";

.p-inbanner img {
  width: 100%;
}
.p-inbanner .swiper-pagination-bullet {
  width: 40px;
  height: 8px;
  border: 1px solid #80000f;
  margin: 0 10px;
  border-radius: 0;
  background: transparent;
  opacity: 1;
}
.p-inbanner .swiper-pagination-bullet-active {
  background-color: #80000f;
  border-color: #80000f;
}

/* 优势开始*/
.p-inys {
  background-color: #f7f7f7;
  padding: 25px 0;
  text-align: center;
}
.p-inys .item {
  float: left;
  width: 20%;
  border-right: 1px solid #e9e9e9;
}
.p-inys .item--last {
  border-right: none;
}
.p-inys .line1 {
  color: #ff6537;
}
.p-inys .num {
  font-size: 30px;
}
.p-inys .unit {
  font-size: 20px;
}
.p-inys .line3 {
  color: #a9a9a9;
}
.p-inys .line2 {
  padding: 16px 0;
}

/* 优势结束*/
/*热门课程开始*/
.p-inhot {
  font-size: 0;
  padding: 36px 0;
}
.p-inhot .btn {
  width: 23.5%;
  margin-right: 2%;
  line-height: 110px;
  font-size: 36px;
  border-radius: 8px;
}
.p-inhot .btn--last {
  margin-right: 0;
}

/* 热门课程结束*/
/*录取榜开始*/
.p-inlqb-link {
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.seamlessSlide {
  padding: 10px;
}
.seamlessSlide .list {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.p-inlqb {
  background-color: #f5f5f5;
  padding: 36px 0;
}
.p-inlqb .coltitle1 {
  padding-left: 30px;
  padding-right: 30px;
}

.p-inseamlessSlide {
  height: 482px;
  background-color: #fff;
  border: 1px solid #80000f;
  padding: 14px;
}
.p-inseamlessSlide .list-item {
  width: 100%;
}

/*录取榜结束/*/
/*老师开始*/
.p-inteacher {
  padding: 20px 0;
}
.p-inteacher .m-xyimg {
  height: 298px;
  display: block;
}
.p-inteacher .tabnav {
  float: left;
  width: 804px;
}
.p-inteacher .tabnav li {
  float: left;
  width: 248px;
  height: 302px;
  border: 2px solid #ececec;
  margin-right: 20px;
  margin-bottom: 20px;
}
.p-inteacher .tabcontent {
  float: left;
  width: 396px;
  background-color: #eaeaea;
  height: 624px;
  padding: 30px;
}
.p-inteacher .tabcontent .active {
  display: block;
}
.p-inteacher .tabcontent .title {
  font-size: 26px;
}
.p-inteacher .tabcontent .desc {
  padding: 20px 0;
  color: #666;
}
.p-inteacher .tabcontent .btn {
  width: 48%;
  margin: 0 2px;
  line-height: 44px;
  font-size: 18px;
  border-radius: 0;
}
.p-inteacher .tabpage {
  display: none;
}
.p-inteacher .tabcontent .btnwrap{
  margin-top:50px;
}
/*老师结束*/
/*画室作品开始*/
.p-inzp {
  height: 686px;
  padding-top: 46px;
  background: url(/statics/images/stu/bg/zuoping-bg.jpg) center no-repeat;
}
.p-inzp .tips {
  color: #fff;
  text-align: center;
  padding-top: 30px;
}
.p-inzp .tips a {
  display: inline-block;
  background-color: #fff;
  color: #80000f;
  padding: 4px 10px;
  margin: 0 8px;
}

.tab--p-inzp .tabnav {
  margin-bottom: 30px;
  text-align: center;
}
.tab--p-inzp .tabnav li {
  display: inline-block;
  margin: 0 6px;
}
.tab--p-inzp .tabnav li.active .btn {
  color: #80000f;
  background-color: #fff;
}
.tab--p-inzp .tabnav .btn {
  border: 1px solid #fff;
  line-height: 40px;
  height: 40px;
  width: 132px;
  border-radius: 20px;
  padding: 0;
  color: #fff;
}
.tab--p-inzp .tabpage {
  background-color: #fff;
}

.p-inzp-list {
  background-color: #fff;
  text-align: center;
  font-size: 0;
  padding: 8px 0;
}
.p-inzp-list a {
  display: inline-block;
  margin: 0 4px;
  overflow: hidden;
  height: 314px;
  width: 230px;
}
.p-inzp-list img {
  -webkit-transition: all .4s;
  transition: all .4s;
}
.p-inzp-list img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

/*画室作品结束*/
/*画室环境开始*/
.tab-p-inhj {
  padding: 50px 0;
}
.tab-p-inhj .tabnav {
  border-bottom: 1px solid #ddd;
  line-height: 60px;
  font-size: 24px;
  margin-bottom: 12px;
}
.tab-p-inhj .tabnav li {
  display: inline-block;
  margin-bottom: -2px;
  margin-right: 40px;
  border-bottom: 2px solid transparent;
}
.tab-p-inhj .tabnav li.active {
  border-color: #80000f;
}
.tab-p-inhj .tab-page {
  opacity: 0;
  visibility: hidden;
  height:0;
}
.tab-p-inhj .tab-page.active {
  opacity: 1;
  visibility: visible;
  height:auto;

}

.p-inHj-swiper {
  text-align: center;
}
.p-inHj-swiper .swiper-slide {
  padding: 0 6px;
}
.p-inHj-swiper img {
  margin-bottom: 16px;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.p-inHj-swiper .swiper-button-prev, .p-inHj-swiper .swiper-button-next {
  width: 36px;
  height: 48px;
}
.p-inHj-swiper .swiper-button-prev {
  left: -46px;
  background: url(/statics/images/stu/arrow1.png) center no-repeat;
}
.p-inHj-swiper .swiper-button-prev.swiper-button-disabled {
  background-image: url(/statics/images/stu/arrow4.png);
  opacity: 1;
}
.p-inHj-swiper .swiper-button-next {
  right: -46px;
  background: url(/statics/images/stu/arrow3.png) center no-repeat;
}
.p-inHj-swiper .swiper-button-next.swiper-button-disabled {
  background-image: url(/statics/images/stu/arrow2.png);
  opacity: 1;
}
.p-inHj-swiper a {
  display: block;
}
.p-inHj-swiper a:hover {
  color: #80000f;
}
.p-inHj-swiper a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.p-inHj-swiper .m-xyimg {
  height: 210px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

.p-inHj-swiperWrap {
  position: relative;
}
.p-inHj-swiperWrap .swiper-container {
  position: static;
}

/*画室环境结束*/
/*新闻开始*/
.p-inNews {
  padding: 60px 0 36px;
}

.p-inNews-inner {
  margin-right: -2%;
}

.p-inNews-part {
  float: left;
  width: 31.3%;
  margin-right: 2%;
  padding: 12px;
  background-color: #f8f8f8;
}
.p-inNews-part .part-img {
  text-align: center;
}
.p-inNews-part .part-title {
  line-height: 50px;
  border-bottom: 1px solid #cecece;
  margin-bottom: 24px;
}
.p-inNews-part .part-title a {
  float: right;
}
.p-inNews-part .part-title-txt {
  border-bottom: 3px solid #80000f;
  display: inline-block;
  font-size: 22px;
  margin-bottom: -2px;
}
.p-inNews-part .list a {
  display: block;
  line-height: 42px;
  border-bottom: 1px dashed #dcdcdc;
}
.p-inNews-part .list a:before, .p-inNews-part .list a:after {
  content: " ";
  display: table;
}
.p-inNews-part .list a:after {
  clear: both;
}
.p-inNews-part .list a:hover {
  color: #80000f;
}
.p-inNews-part .list-time {
  float: right;
}
.p-inNews-part .list-txt {
  float: left;
  width: 70%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.p-inNews-part .list-txt:before {
  margin-right: 14px;
  content: "";
  display: inline-block;
  width: 8px;
  height: 6px;
  background: url(/statics/images/stu/arrow5.png) 0 no-repeat;
}

/*新闻结束*/
.p-inXyfx {
  padding-bottom: 60px;
}

.p-inXyfx-inner {
  margin-right: -24px;
}

.p-inXyfx-part {
  position: relative;
  float: left;
  width: 588px;
  margin-right: 24px;
  background-color: #f8f8f8;
}
.p-inXyfx-part a {
  display: block;
}
.p-inXyfx-part .m-xyimg {
  float: left;
  width: 144px;
  height: 190px;
}
.p-inXyfx-part .txt {
  margin-left: 168px;
  padding-top: 30px;
  padding-right: 110px;
}
.p-inXyfx-part .title {
  font-size: 18px;
  line-height: 1.5;
  height:3em;
  margin-bottom: 6px;
}
.p-inXyfx-part .title:hover {
  color: #80000f;
}
.p-inXyfx-part .desc {
  line-height: 2;
  color: #666;
}
.p-inXyfx-part .desc:hover {
  color: #80000f;
}
.p-inXyfx-part .arrow {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background: url(/statics/images/stu/arrow6.jpg) 0 no-repeat;
}

.p-inXz {
  background-color: #f8f8f8;
}
.p-inXz img {
  float: left;
}
.p-inXz .content {
  padding: 30px 0 74px;
}
.p-inXz .txt {
  margin-left: 440px;
}
.p-inXz .title {
  display: inline-block;
  padding: 10px 20px;
  background-color: #7f000f;
  color: #fff;
  border-radius: 4px;
  margin-right: 20px;
}
.p-inXz .line {
  margin-bottom: 24px;
}
.p-inXz .desc {
  font-size: 22px;
  font-weight: bold;
}
